<template>
    <div id="SolutionListItem" class="banxin" >
        <div class="lmcg-news-item" >
            <div class="lmcg-news-item-pic">
                <a href="">
                    <img src="~@/assets/image/solution/img.png" alt="">
                </a>
            </div>
            <div class="lmcg-news-item-right">
                <div class="lmcg-news-item-date">2021.06.28</div>
                <a class="lmcg-news-item-title" title="中国工业互联网投融资报告（2020年）" href="">中国工业互联网投融资报告（2020年）</a>									</div>
        </div>

    </div>
</template>

<script>
    export default {
        name: "SolutionListItem",
        props:{
            SolutionListItem:{
                type:Object,
                default(){
                    return[]
                }
            }
        }
    }
</script>

<style scoped>
    #SolutionListItem{
        width: 80%;
    }
    .lmcg-news-item-pic img {
        display: block;
        width: 100%;
        height: 80px;
    }
    .lmcg-news-item {
        background: url("~@/assets/image/solution/jianTou.png") right center no-repeat;
        background-size: 25px auto;
        padding-bottom: 60px;
        margin-top: 20px;
        border-bottom: 1px solid #d5d5d5;
        transition: all .5s;
    }
    .lmcg-news-item-pic {
        width: 140px;
        float: left;
    }
    .lmcg-news-item-right {
        margin-left: 150px!important;
        width: auto!important;
        padding-right: 50px!important;
    }
    .lmcg-news-item-date {
        font-size: 12px;
        color: #a4a4a4;
        padding-left: 20px;
        line-height: 20px;
        background: url('~@/assets/image/solution/time_icon.png') 0 center no-repeat;
        -webkit-background-size: 15px;
        background-size: 15px;
    }
    .lmcg-news-item-title {
        font-size: 18px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        /*overflow: hidden;*/
        font-weight: 400;
        margin-top: 10px;
        color: #888888;
    }

</style>
